import React, { Component } from "react";
import Taro from '@tarojs/taro';
import { View,Image,Text,Button,Input } from '@tarojs/components';
import { AtTabs, AtTabsPane,AtButton, AtModal, AtModalHeader, AtModalContent, AtModalAction} from 'taro-ui';
import Tab from '../../components/tabBar/Tab';
import './minejifen.scss'
class Minejifen extends Component {
  gotoguizhe(){
    Taro.navigateTo({
      url: '../../pages/mineguizhe/mineguizhe'
    })
  }
  gotoji(){
    Taro.navigateTo({
      url: '../../pages/mineji/mineji'
    })
  }
    render () {
      return <View className='container'>
        <View className='jifentop' >
          <View>
            <Text>可用积分</Text>
          </View>
          <View>
            <Text>1500</Text>
          </View>
          <View style='font-size:18px'>
            <Text className='topleft' onClick={this.gotoguizhe}>如何获取积分</Text>
            <Text className='topright' onClick={this.gotoji}>积分明细</Text>
          </View>
        </View>
    <View style='font-size:18px'>
      <View className='at-row youhuiquan'>
        <View className='at-col at-col-3 quanleft'>
          <View>￥ 5</View>
          <View style='font-size:24px;color:gray'>满减券</View>
        </View>
        <View className='at-col at-col-9 quanright'>
        <View>关注5元券</View>
        <View style='font-size:14px;color:gray'>满50可用</View>
        <View style='font-size:14px;color:gray'>2020-11-11 至 2020-12-12</View>
        </View>
      </View>
</View>
<View style='font-size:18px'>
      <View className='at-row youhuiquan'>
        <View className='at-col at-col-3 quanleft'>
          <View>￥ 5</View>
          <View style='font-size:24px;color:gray'>满减券</View>
        </View>
        <View className='at-col at-col-9 quanright'>
        <View>关注5元券</View>
        <View style='font-size:14px;color:gray'>满50可用</View>
        <View style='font-size:14px;color:gray'>2020-11-11 至 2020-12-12</View>
        </View>
      </View>
</View>
<Tab current={3}></Tab>
          </View>
    }
          
    }
  export default Minejifen